body {
    margin:0px;
    background-color:rgba(0, 0, 0, 1);
    background-image:none;
    position:static;
    left:auto;
    width:1020px;
    margin-left:0;
    margin-right:0;
    text-align:left;
}
#base {
    position:absolute;
    z-index:0;
}
#u0 {
    position:absolute;
    left:348px;
    top:427px;
    width:49px;
    height:25px;
}
#u1 {
    position:absolute;
    left:0px;
    top:0px;
    width:44px;
    height:20px;
    text-align:center;
}
#u1_img {
    position:absolute;
    left:0px;
    top:0px;
    width:44px;
    height:20px;
}
#u2 {
    position:absolute;
    left:2px;
    top:2px;
    width:40px;
    visibility:hidden;
    word-wrap:break-word;
}
#u3 {
    position:absolute;
    left:830px;
    top:427px;
    width:190px;
    height:30px;
}
#u3_input {
    position:absolute;
    left:0px;
    top:0px;
    width:190px;
    height:30px;
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-style:normal;
    font-size:16px;
    text-decoration:none;
    color:#9900FF;
    text-align:center;
}
#u4 {
    position:absolute;
    left:345px;
    top:427px;
    width:50px;
    height:25px;
}
#u4_input {
    position:absolute;
    left:0px;
    top:0px;
    width:50px;
    height:25px;
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-style:normal;
    font-size:13px;
    text-decoration:none;
    color:#000000;
    text-align:center;
}
#u5 {
    position:absolute;
    left:394px;
    top:427px;
    width:50px;
    height:25px;
}
#u5_input {
    position:absolute;
    left:0px;
    top:0px;
    width:50px;
    height:25px;
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-style:normal;
    font-size:13px;
    text-decoration:none;
    color:#000000;
    text-align:center;
}
#u6 {
    position:absolute;
    left:442px;
    top:427px;
    width:50px;
    height:25px;
}
#u6_input {
    position:absolute;
    left:0px;
    top:0px;
    width:50px;
    height:25px;
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-style:normal;
    font-size:13px;
    text-decoration:none;
    color:#000000;
    text-align:center;
}
#u7 {
    position:absolute;
    left:490px;
    top:427px;
    width:50px;
    height:25px;
}
#u7_input {
    position:absolute;
    left:0px;
    top:0px;
    width:50px;
    height:25px;
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-style:normal;
    font-size:13px;
    text-decoration:none;
    color:#000000;
    text-align:center;
}
#u8 {
    position:absolute;
    left:538px;
    top:427px;
    width:50px;
    height:25px;
}
#u8_input {
    position:absolute;
    left:0px;
    top:0px;
    width:50px;
    height:25px;
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-style:normal;
    font-size:13px;
    text-decoration:none;
    color:#000000;
    text-align:center;
}
#u9 {
    position:absolute;
    left:10px;
    top:250px;
    width:25px;
    height:25px;
}
#u10 {
    position:absolute;
    left:0px;
    top:0px;
    width:20px;
    height:20px;
    text-align:center;
}
#u10_img {
    position:absolute;
    left:0px;
    top:0px;
    width:20px;
    height:20px;
}
#u11 {
    position:absolute;
    left:2px;
    top:2px;
    width:16px;
    visibility:hidden;
    word-wrap:break-word;
}
#u12 {
    position:absolute;
    left:168px;
    top:29px;
    width:600px;
    height:398px;
}
#u12_img {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:398px;
}
#u13 {
    position:absolute;
    left:2px;
    top:191px;
    width:596px;
    visibility:hidden;
    word-wrap:break-word;
}
#u14 {
    position:absolute;
    left:168px;
    top:29px;
    width:600px;
    height:398px;
}
#u14_img {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:398px;
}
#u15 {
    position:absolute;
    left:2px;
    top:191px;
    width:596px;
    visibility:hidden;
    word-wrap:break-word;
}
#u16 {
    position:absolute;
    left:168px;
    top:29px;
    width:600px;
    height:398px;
}
#u16_img {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:398px;
}
#u17 {
    position:absolute;
    left:2px;
    top:191px;
    width:596px;
    visibility:hidden;
    word-wrap:break-word;
}
#u18 {
    position:absolute;
    left:168px;
    top:29px;
    width:600px;
    height:398px;
}
#u18_img {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:398px;
}
#u19 {
    position:absolute;
    left:2px;
    top:191px;
    width:596px;
    visibility:hidden;
    word-wrap:break-word;
}
#u20 {
    position:absolute;
    left:168px;
    top:29px;
    width:600px;
    height:398px;
}
#u20_img {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:398px;
}
#u21 {
    position:absolute;
    left:2px;
    top:191px;
    width:596px;
    visibility:hidden;
    word-wrap:break-word;
}
.outer{
    margin-right:auto;
    margin-left:auto;
    background-color:#dddddd;
    overflow:hidden;
}

.img,.outer{
    width:600px;
    height:398px;
}

#img-1{
    background-image:url("./img/DSC_9270.jpg");
}

#img-2{
    background-image:url("./img/DSC_9280.jpg");
}

#img-3{
    background-image:url("./img/DSC_9428.jpg");
}

#img-4{
    background-image:url("./img/DSC_9542.jpg");
}
#img-5{
    background-image:url("./img/DSC_9548.jpg");
}

.img{
    float:left;
}

#banner{
    transition:margin-left 4s;
}

.btn-tab{
    background-color: rgba(0, 0, 0, 0.04);
    margin-top: -32px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 20px;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    border: 1px solid transparent;

}
.btn-tab:hover{
    background-color: rgba(0, 0, 0, 0.16);
}
.tab-top{
    border-bottom: 1px solid #1606c6;
}
.tab-page{
    border: 1px solid #1606c6;
    border-top: none;
    background-color: rgba(0, 0, 0, 0.07);
    display: none;
}
.now{
    border: 1px solid #1606c6;
    border-bottom: 1px solid #FFFFFF;
}
.in{
    display: block;
}